import { View } from '@tarojs/components'

import { Image } from '@antmjs/vantui'

import logoImg from '../../public/images/logo.webp'
import { LoginContextProvider } from './Context'
import LoginForm from './components/Form'
import LoginAgreeRadio from './components/AgreeRadio'
import LoginConfirmDialog from './components/ConfirmDialog'

import './index.less'

const LoginPage = () => {
	return (
		<View className='login'>
			<LoginContextProvider>
				<Image
					className='login_logo'
					width='100%'
					fit='widthFix'
					src={logoImg}
				/>
				<LoginForm className='login_form' />
				<LoginAgreeRadio className='login_radio' />
				<LoginConfirmDialog />
			</LoginContextProvider>
		</View>
	)
}

export default LoginPage
